/*
        Theme Name: Duma Solutions Limited
        Date: March 2014
        Description: Basic HTML5/CSS3 layout
        Version: 1.0
        Author: Milos Milojkovic
*/

/* ===========================
   ======= Body style ======== 
   =========================== */

* {
   margin:0;
   padding:0;
}

html 
{ 
   height: 100%; 
   width: 100%; 
}
body 
{ 
   width: 100%; 
   height: 100%; 
   margin: 0px; 
   padding: 0px; 
   border: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   background: #ffffff;
   font-size: 13px; 
   line-height: 15px; 
}


/* ===========================
   ========= Headings ======== 
   =========================== */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em}     /* 14px */

h2, h3, h4, h5, h6 {
  /* font-weight: 400;
   line-height: 1.1;
   margin-bottom: .8em; */
}

/* ===========================
   ======= Anchor style ====== 
   =========================== */
a {
   outline: 0;
}

a img {
   border: 0px; 
   text-decoration: none;
}

#container-header,
#container-middle,
#page-bottom,
#bottom-content  
{ 
   margin: 0 auto;
   max-width: 960px;
   width: 100%;
}
.clear 
{
   clear: both;
   height: 0;
   line-height: 0;
}
ul 
{ 
   list-style: none; 
}

/* links */
a:link,
a:visited         
{ 
   color: #424242; 
   text-decoration: none; 
   outline: none; 
}
a:hover,
a:active          
{ 
   color: #9d9d9d; 
   text-decoration: none;  
}
/* links end */
/* =================================
   ======= container-header ======== 
   ================================= */

#container-header 
{ 
   background: #ffffff;
   height: 176px;
   position: relative; 
}

#logo 
{ 
   background: transparent url(../images/logo.png) no-repeat 0 0; 
   float: left; 
   height: 66px;
   margin: 16px 0 0 192px;
   width: 578px;
}
#logo a:link, 
#logo a:visited, 
#logo a:hover, 
#logo a:active 
{
   display: block;
   height: 66px;
}
#call-us
{
   margin: 31px 0 0 0px;
   float: right;
   width: 115px;
}

#call-us img
{
   float: left;
   margin-right: 3px;
}

#call-us spam
{
   color: #1a7fe5;
}


#top-navigation
{
   clear: left;
}

#top-navigation
{
   display: inline-block;
   margin: 0px 0 0 382px;
   position: relative;
}
#top-navigation ul
{
   margin: 0;
   padding: 0;
}
#top-navigation ul li
{
   display: inline;
   font-family: latolight;
   font-weight: lighter;
   font-size: 19px;
   color: #215a8f;   
}
#top-navigation ul li a:link, 
#top-navigation ul li a:visited 
{
   color: #215a8f;
}

#top-navigation  ul li a:hover,
#top-navigation  ul li a:active        
{ 
   color:#215a8f; 
}

#top-navigation ul li.separator
{
   color: #8acd5d;
   margin: 0px 5px 0 5px;
}



/* Menu */
#main-navigation 
{ 
   display: inline-block;
   margin: 0 0 -28px 10px;
}
#main-navigation  ul 
{ 
   margin: 0; 
   padding: 0; 
   float: left; 
   width: 960px;
}
#main-navigation  ul li 
{ 
   display: inline;
   font-size: 18.2px;
   padding: 0 20px 0 0;
   font-family: latolight;
   font-weight: lighter;
}

#main-navigation  ul li a:link,
#main-navigation  ul li a:visited			
{ 
   color:#392508; 
}
#main-navigation  ul li a:hover,
#main-navigation  ul li a:active 			
{ 
   color:#1a7fe5; 
}

#main-navigation ul li.act a:link, 
#main-navigation ul li.act a:visited 		
{ 
   color:#1a7fe5; 
}

/* =================================
   ======= container-midle ======== 
   ================================= */
#container-middle
{
   background: url("../images/backg4.png") no-repeat;
}
#page-midle
{
   padding: 20px 13px 0 13px;
   height: 503px;
}
.left-page
{
   float: left;
   width: 50%;
}
.topcontent
{

}
.topcontent h2
{
   font-family: latobold;
   font-size: 33px;
   font-weight: bold;
   color: #8acd5d;
   line-height: 27px;
   letter-spacing: 0px;
   text-transform: uppercase;
   margin-bottom: 30px;

}
.box-shadow1 p
{
   font-family: latolight;
   font-size: 16px;     
   color: #636363;
   letter-spacing: 0px;
   line-height: 1.2em;
   padding: 5px 0 0 10px;
}
.bottomcontent
{

}
.bottomcontent h2
{
   font-family: latobold;
   font-size: 33px;
   font-weight: bold;
   color: #8acd5d;
   line-height: 27px;
   letter-spacing: 0px;
   text-transform: uppercase;
   margin-bottom: 30px;
}
.box-shadow2 p
{
   font-family: latolight;
   font-size: 16px;     
   color: #636363;
   letter-spacing: 0px;
   line-height: 1.2em;
   padding: 5px 0 0 10px;
}
.box-shadow1
{
   background: url("../images/shadow-box.png") no-repeat;
   position: relative;
   width: 459px;
   height: 148px;
   margin: 0 0 100px -13px;
}
.box-shadow2
{
   background: url("../images/shadow-box.png") no-repeat;
   position: relative;
   width: 459px;
   height: 148px;
   margin: 0 0 0 -13px;
}


.right-page
{
   float: right;
   width: 50%
}
.box1
{
   background: url("../images/box.png") no-repeat;
   float: right;
   width: 419px;
   height: 40px;
   color: #ffffff;
   text-transform: uppercase;
   font-size: 33px;
   font-family: latobold;
   font-weight: bold;
   padding: 20px 0px 0 0;
   text-align: center;
   margin-bottom: 15px;
}

.box2
{
   background: url("../images/box.png") no-repeat;
   float: right;
   width: 419px;
   height:40px;
   color: #ffffff;
   text-transform: uppercase;
   font-size: 33px;
   font-family: latobold;
   font-weight: bold;
   padding: 20px 0px 0 0;
   text-align: center;
   margin-bottom: 39px; 
}
.slider
{
   width: 469px;
   height: 262px;
  /* border-width: 2px;
   border-style: solid;
   border-color: #015470; */
   margin-top: 182px;
}
.slider-text1
{
   font-family: latobold;
   font-size: 65px;
   font-weight: bold;
   color: #1a7fe5;
   line-height: 50px;
   letter-spacing: 0px;
   text-transform: uppercase;
   margin: 273px 0 29px 138px;
}
.slider-text2
{
font-family: latobold;
font-size: 65px;
font-weight: bold;
color: #8acd5d;
line-height: 50px;
letter-spacing: 0px;
text-transform: uppercase;
margin-left: 138px;
}
#page-middle-bottom
{
   position: relative;
}
.text1
{
   float: left;
   margin: 95px 10px 40px 0;
   width: 140px;
}
.text1 p, .text-frst p, .text-last p, .text-midle p
{
   font-family: latolight;
   font-size: 25.93px;
   font-weight: lighter;
   color: #1a7fe5;
   line-height: 27px;
   text-align: center;
   letter-spacing: -0.016em;
}
.text-last
{
   float: left;
   width: 140px;
    margin: 95px 0 40px 0;
}
.text-midle
{
   float: left;
   width: 194px;
    margin: 95px 10px 40px 0;
}
.text-frst
{
   float: left;
   width: 130px;
    margin: 95px 13px 40px 3px;
}


/* =================================
   ======= container-footer ======== 
   ================================= */

#container-footer 
{ 
   position: relative;
   background: url("../images/mmm.png") center 0 no-repeat;

}
#page-bottom 
{ 
   height: 315px;
   width: 100%;

}
#bottom-text
{
   float: left;
   margin: 67px 0 0 0;
   position: relative;
}
#bottom-text p
{
   font-family: latolight;
   font-size: 15px;
   font-weight: lighter;
   color: #ffffff;
   line-height: 18px;
}

#bottom-navigation
{
   float: left;
   margin: 37px 0 0 137px;
   position: relative;
}
#bottom-navigation ul
{
   float: left;
   margin: 0;
   padding: 0;
}
#bottom-navigation ul li
{
   display: inline;
   float: left;
   font-family: latolight;
   font-size: 15.01px;
   padding: 0 18px 0 0;
   font-weight: lighter;   
}
#bottom-navigation ul li a:link, 
#bottom-navigation ul li a:visited 
{
   color: #ffffff;
}

#bottom-navigation  ul li a:hover,
#bottom-navigation  ul li a:active 			
{ 
   color:#ffffff; 
}

#icons
{
   float: left;
   margin: 15px 0px 0 412px;
}
a.facebook, a.twitter
{
   padding: 0 6px 0 0;
}
#footerCopy
{
   float: left;
   margin: 11px 0 0 239px;
}
#footerCopy p
{
   font-family: latolight;
   font-size: 12.01px;
   color: #ffffff;
}
#footerCopy p span 
{
   color: #d3f4ff;
}


/* ===========================
   ====== Media Queries ====== 
   =========================== */

@media only screen and (min-width: 769px) and (max-width: 1024px) 
{

}
























